<template>
    <div class="table">
        <div class="crumbs">
        </div>
        <div class="container">
            <div class="handle-box">
                <el-button type="primary" size="mini" class="handle-del mr10" @click="add">新增</el-button>
                <el-input v-model="keyword" placeholder="筛选姓名" class="handle-input mr10"></el-input>
                <el-button type="primary" size="mini" icon="search" @click="query">筛选</el-button>
            </div>
            <el-table style="width:100%" :data="tableData.records" border  :header-cell-style="{background:'#F5F7FA'}" ref="multipleTable" >
              <el-table-column type="index" label="序号" align="center" width="50"/>
              <el-table-column prop="fdName" label="姓名" sortable width="150"/>
              <el-table-column prop="fdCreateTime" label="日期" :formatter="dateFormat" sortable width="150"/>
              <el-table-column prop="fdRemark" label="备注"/>
              <el-table-column label="操作" width="250" align="center">
                  <template slot-scope="scope">
                      <el-button type="primary" size="mini" @click="handleView(scope.row)">查看</el-button>
                      <el-button size="mini" @click="handleEdit(scope.row)">编辑</el-button>
                      <el-button type="danger" size="mini" @click="handleDelete(scope.$index, scope.row)">删除</el-button>
                  </template>
              </el-table-column>
            </el-table>
            <div class="pagination">
              <el-pagination background @current-change="handleCurrentChange" :page-size="tableData.size" layout="prev, pager, next" :total="tableData.total"/>
            </div>
        </div>
    </div>
</template>

<script>
import {list} from '@/components/mixins/form';
export default {
    name: 'codeExampleList',
    data() {
        return {
            editUrl:'/code/example/edit',
            viewUrl:'/code/example/view',
            listUrl:'/api/code/example/code_example_person/list',
            deleteUrl:'/api/code/example/code_example_person'
        }
    },
    mixins:[list]
}

</script>

<style scoped>
 @import "~@/assets/css/list.css";
</style>
